<template>
  <footer>
    <!-- <div class="top-footer">
       <ul class="footer-social list-inline">
         <li><a href="#"><i class="fa fa-twitter"></i> <span>Twitter</span></a></li>
         <li><a href="#"><i class="fa fa-facebook"></i> <span>Facebook</span></a></li>
         <li><a href="#"><i class="fa fa-google-plus"></i> <span>Google+</span></a></li>
         <li><a href="#"><i class="fa fa-youtube"></i> <span>Video's Tag</span></a></li>
         <li><a href="#"><i class="fa fa-vimeo-square"></i> <span>Vimeo</span></a></li>
         <li><a href="#"><i class="fa fa-pinterest"></i> <span>Pinterest</span></a></li>
         <li><a href="#"><i class="fa fa-rss"></i> <span>Rss</span></a></li>
       </ul>
     </div>-->
    <div class="wrap-footer">
      <div class="container">
        <div class="row">
          <aside class="col-footer col-md-4">
            <h2 class="footer-title">关于美菜</h2>
            <div class="textwidget">美菜致力于用前卫的理念和先进的科技改变落后的中国农业市场，专注为全国近百万家餐厅，提供全品类、全程无忧的餐饮食材采购服务。
            </div>
          </aside>
          <aside class="col-footer col-md-4">
            <h2 class="footer-title">邮箱</h2>
            如果您想接收我们的最新新闻，请直接发送到您的电子邮件，请留下您的电子邮件地址。订阅是免费的，您可以随时取消。
            <!--<form action="#" method="post">
              <input type="text" name="your-name"  @keyup.enter.native="submitEmial" value="" size="40" v-model="email" placeholder="您的邮箱"/>
              <input type="button" @click="submitEmial" value="提交" class="btn btn-3"/>
            </form>-->
          </aside>
          <aside class="col-footer col-md-4 wptt_TwitterTweets">
            <h2 class="footer-title">联系我们</h2>
            <ul class="fetched_tweets light">
              <li class="tweets_avatar">
                <div class="tweet_wrap">
                  <div class="wdtf-user-card ltr">
                    <div class="clear"></div>
                  </div>
                  <div class="tweet_data"><a href="#"
                                             target="_blank"
                                             rel="nofollow">研发部门：技术体系-效率工程中心-行政资产信息部</a>
                    <br>
                    <a href="#" target="_blank" rel="nofollow">产品技术团队:丁宁-70105; 司泽刚-0111846; 陈凯-33689</a></div>
                  <br/>
                  <div class="clear"></div>
                </div>
                <div class="clear"></div>
              </li>
            </ul>
          </aside>
        </div>
      </div>
    </div>
    <div class="bottom-footer">
      <div class="container">
        <div class="row">
          <div class="col-md-6 col-sm-6 copyright">
            <span>Copyright &copy; 2020.云杉美菜</span>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>

<script>
  import {Notification} from 'element-ui'

  export default {
    name: 'footer',
    data () {
      return {
        email: ''
      }
    },
    methods: {
      submitEmial () {
        if (this.email == '') {
          Notification.warning({
            title: '提示',
            message: '请输入邮箱'
          })
          return
        }
        this.$message.success('感谢您的提交！')
      }
    }
  }
</script>

<style scoped>

</style>
